Russell Webb's profile

Swappable header - Challenge #1

Swappable header - Figma Challenge #1
What I did..

1. 3 screens: Today | This weekend | Newest, each with different card arrangement. Start w/;
2. Text bx x3, and one horizontal branded line
3. OPT CMK K ('❖Nav-Sub' component)
4. Create an ◇Instance at the header of each page: SHF E (Prototype mode) > Link up the ❖Nav-Sub text boxes to it's screen i.e. Today>>Today. Set to Smart Animate | Ease in and out and back. Test as you go

📌 Pro Tip: With ◇instance topical (text, colour) changes are possible. No changes to layer order and/or movement

6. Solution: Include ALL elements (multiples) in your master component, then turn them on/off and Smart Animate in-between. But, names HAVE to be the same. and hve no- other separate naming convention i.e. different groups/frames/etc
Swappable header - Challenge #1
Published:

Owner

Swappable header - Challenge #1

Published: